<template>
	<view>
		<view class="title">{{title}}</view>
		<video class="video" id="myVideo"  
		:src="videourl"
		@error="videoErrorCallback" >
		</video>
		
		
		<view v-html="content1">{{content1}}</view>
		<view v-html="content2">{{content2}}</view>
		
	</view>	
</template>

<script>
	export default {
		data() {
			return {
				title:'',
				windowHeight: 0,
				videourl: '',
				content1:'',
				content2:''
			};
		},
		onLoad(options) {
					
					this.title=options.data_title || ''
					
					if(this.title=='科技筑初心 共话巾帼梦'){
						this.videourl='http://www.kepu.gov.cn/upload/video/1167088e-23ea-4937-aaa2-3b27bb5003ad.mp4'
						this.content1='<p style="text-indent: 2em; text-align: left;">在第113个“国际劳动妇女节”来临之际，中国科协常委会女科技工作者专委会、中国女科技工作者协会联合推出《科技筑初心&nbsp;共话巾帼梦》主题宣传片，展现新时代科技女性深入学习贯彻党的二十大精神，大力弘扬科学家精神，立足岗位，面向科技创新最前沿勇攀高峰，面向经济建设主战场创业创造，面向国家重大需求聚智献力，面向人民生命健康勇担使命的巾帼风貌。谨以此片向全国广大女科技工作者致敬，希望广大科技女性做新时代科技创新的先行者、奋斗者、自强者，为加快实现高水平科技自立自强，以中国式现代化全面推进中华民族伟大复兴贡献巾帼力量。</p>'
						this.content2='<p style="text-indent: 2em; text-align: right;">中国科协女科技工作者专委会、中国女科技工作者协会</p><p style="text-indent: 2em; text-align: right;">2023年3月6日</p>'
						
					}
					if(this.title=='超重、肥胖问题频频，孩子的身材要怎么管理？'){
						this.videourl='http://www.kepu.gov.cn/upload/video/1757df3a-9c38-4a6b-8cf7-ddb9c9b664a9.mp4'
						this.content1='<p style="text-indent: 2em; text-align: left;">3月4日是世界肥胖日。近年来，青少年的体重问题逐渐成为社会关注的焦点。</p><p style="text-indent: 2em; text-align: left;"><br></p><p style="text-indent: 2em; text-align: left;">一些家长担心孩子学习辛苦，常以“加强营养”的名义给孩子进补。不少孩子也更爱“宅”在家里，逃避户外运动，导致身材“横向发展”的趋势越来越明显。</p><p style="text-indent: 2em; text-align: left;"><br></p><p style="text-indent: 2em; text-align: left;">如何在保证孩子生长发育所需营养的同时，管理好孩子的身材？一起来听听医生的建议吧！</p>'
						this.content2='<p style="text-indent: 2em; text-align: left;"><br></p><p style="text-indent: 2em; text-align: left;">记者：颜之宏</p><p style="text-indent: 2em; text-align: left;">编辑：李宗胤</p><p style="text-indent: 2em; text-align: left;">素材来源：复旦大学附属儿科医院厦门医院</p>'
					}
					if(this.title=='你见过住在地下800米洞穴里的“透明鱼”吗？'){
						this.videourl='http://www.kepu.gov.cn/upload/video/4498d123-4674-44f5-8a21-44eaf2df6577.mp4'
						this.content1='<p style="text-indent: 2em; text-align: left;">近日，来自全国各地的18名洞穴探险专家和遗产保护专家在重庆武隆开展科学考察时，发现生活在地下800米深竖井中的世界濒危物种——红点齿蟾。红点齿蟾又名棒头鱼或“透明鱼”，是一种稀有两栖动物，目前当地政府已对其进行专门保护。</p>'
						this.content2='<p style="text-indent: 2em; text-align: left;"><br></p><p style="text-align: center; text-indent: 0em;">制片：刘刚</p><p style="text-align: center; text-indent: 0em;">监 制：李元元</p><p style="text-align: center; text-indent: 0em;">策划：李华曾</p><p style="text-align: center; text-indent: 0em;">统筹：陈雨</p><p style="text-align: center; text-indent: 0em;">剪辑：彭浩然</p>'
					}
					if(this.title=='2023年世界湿地日：湿地修复'){
						this.videourl='http://www.kepu.gov.cn/upload/video/6925fa7b-0aa8-45d6-910f-1ca0d0d248fc.mp4'
						this.content1='<p style="text-indent: 2em; text-align: left;"><br>'
						this.content2='<div style="text-align: right;">责任编辑：毛梦囡</div>'
						
					}
					if(this.title=='新冠病毒抗原自测操作方法'){
						this.videourl='http://www.kepu.gov.cn/upload/video/8a324fd8-907d-4462-82a7-5b72eec5d75d.mp4'
						this.content1='<p style="text-indent: 2em; text-align: left;">国务院联防联控机制综合组印发《新冠病毒抗原检测应用方案》提出，老年人每周开展2次抗原检测，试剂由所在地级市/区县免费发放。新冠抗原自测具体如何操作？有哪些细节要注意？如何判断测试结果？测完后的检测用品如何处理？北京协和医院教你新冠病毒抗原自测操作方法&nbsp;</p>'
						this.content2='<div style="text-align: right;">责任编辑：毛梦囡</div>'
					}
					
				},
		methods: {
			videoErrorCallback: function(e) {
				console.log(e)
			},
		}

	}
</script>

<style lang="scss">
.video{
	width: 75%;
	height:150px;
	position: relative; 
	left: 94rpx; 
	top: 0rpx
}
.title{
	text-align: center;
	color: #aa0000;
	fontSize: 20px;
}
</style>
